<template>
  <div class="blogCell">
    <van-cell>
      <div v-if="!loading">
      <!--              <img src="https://tva1.sinaimg.cn/large/0081Kckwgy1gkdj64e2scj30p00oy4qp.jpg" class="avatar" alt=""/>-->

        <div class="top">
          <h3 class="header">
            <slot>{{ title }}</slot>
          </h3>
        </div>
        <div class="main"></div>
        <div class="footer"></div>
      </div>
      <van-skeleton title :row="5" :loading="loading"/>
    </van-cell>
  </div>
</template>

<script>
export default {
  name: "BlogCell",
  props: ['loading', 'title'],
  // computed:{
  //   title(){
  //   }
  // }
}
</script>

<style lang="less">
.blogCell {
  .van-cell {
    height: 200px;
    line-height: 20px;
    font-size: 15px;

    .top {

      //.van-grid-item{
      //  style:flex-basis: 15%;
      //  //flex-basis: 15%;
      //  //flex-basis: 15%;
      //}
      .van-grid-item__content {
        padding: 0;
      }

      .avatar {
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        //float: left;
      }

      .title {
        font-size: 15px;
        margin-left: 4px;
      }

    }
  }


  //.iconfont.left-icon {
  //  margin-right: 1px;
  //}
  //.icon-more {
  //  margin-left: 8px;
  //}
}
</style>